<template>
  <div class="product">
    <el-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="特产管理" name="first">
        <productPage></productPage>
      </el-tab-pane>
      <el-tab-pane label="特产预约管理" name="second">
        <appointmentPage></appointmentPage>
      </el-tab-pane>
      <el-tab-pane label="特产评论" name="third">
        <ratePage></ratePage>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import productPage from "@/components/product/productPage";
import appointmentPage from "@/components/product/appointmentPage";
import ratePage from "@/components/product/ratePage";

export default {
  name: "product",
  data() {
    return {
      activeName: "second"
    };
  },
  components: {
    productPage,
    appointmentPage,
    ratePage,
  },
  methods: {
    handleClick(tab, event) {
      console.log(tab, event);
    }
  }
};
</script>

<style lang="scss">
</style>